// 引入组件
import MyButton from '@/components/MyButton'

/*
插件通常用来为 Vue 添加全局功能
功能没有严格限制 一般有
 - 添加全局方法或 property  property??
 - 添加全局资源 指令/过滤器/过渡
 - 通过全局混入来添加一些组件选项。如 vue-router
 - 添加 Vue 实例方法，通过把它们添加到 Vue.prototype 上实现。
 - 一个库，提供自己的 API，同时提供上面提到的一个或多个功能。如 vue-router

通过全局方法 Vue.use() 使用插件

vue插件形式1 
是一个对象,必须提供 install 方法,当插件被安装的时候,install方法会自动的调用
*/

export default{
  install(Vue){
    // 插件的作用 
    //1.添加全局方法或属性
    Vue.prototype.$bus = "bus";
    //2.添加全局指令
    Vue.directive("red", (el, binding) => {
      el.style.color = "red";
    });
    //3.添加全局过滤器
    Vue.filter("add$", (value) => {
      return "$" + value;
    });
    //4.添加一个全局注册的组件
    Vue.component("MyButton", MyButton);
  }
}
